<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>精选拍品</title>
<link href="<?php echo TEMPLATE_SITE_URL;?>/css/common.css" type="text/css" rel="stylesheet">
<style>
.excelTitle {height:50px;background:#ec454c;}
.excelTitle a {color:#fff;font-size:1.3em;padding:4px;display:block;margin-top:8px;margin-left:30px;float:left;}
.excelTitle a:active{color:#fff;}
.excelTitle .on {border-bottom:#fff 2px solid;}
.excelListTitle {height:45px;background:#fff;}
.excelListTitle h2 {font-size:1.3em;font-weight:100;line-height:45px;margin:0px;margin-left:75px;}
.excelList ul li {margin-bottom:10px;position:relative;}
.excelImg {background:#fff;position:relative;}
.excelImg img {width:100%;height:auto;}
.excelImgInfo {width:100%;height:55px;position:absolute;bottom:5px;background:rgba(0, 0, 0, 0.6);}
.excelImgInfo p {color:#ddd;margin-left:5px;margin-right:5px;margin-top:8px;line-height:20px;}
.excelInfo {height:40px;line-height:40px;background:#fff;}
.e_price {color:#ec454c;font-size:1.3em;margin-left:10px;}
.e_bid {color:#999;font-size:1.2em;margin-left:10px;}
.e_fire {color:#999;font-size:1.2em;background:url(<?php echo TEMPLATE_SITE_URL;?>/images/sflameIcon.jpg) right  center no-repeat;padding-right:20px;margin-right:15px;float:right;}
.e_like{color:#999;font-size:1.2em;background:url(<?php echo TEMPLATE_SITE_URL;?>/images/liked1.png) right  center no-repeat;padding-right:20px;margin-right:15px;float:right;}
.potrait {width:50px;height:50px;position:absolute;top:5px;left:10px;}
.potrait img {width:50px;height:50px;border-radius:50px;border:#fff 2px solid;}
.e_price {color:#990d18;font-size:1.5em;margin-left:10px;}
.e_bid {color:#999;font-size:1.0em;margin-left:10px;}

.new {color:#fff;width:40px;height:15px;font-family:Arial, Helvetica, sans-serif;text-align:center;position:absolute;top:10px;left:130px;border-radius:15px;background:#F90;}
.new1 {color:#fff;width:40px;height:15px;font-family:Arial, Helvetica, sans-serif;text-align:center;position:absolute;top:10px;left:230px;border-radius:15px;background:#F90;}

</style>
<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL;?>/js/zepto.js" charset="utf-8"></script>
</head>
<body>
<div id="contentbox" style="min-height: 740px;">
    <div class="excelTitle">
		<a href="index.php?act=index">关注</a>
		<a href="javascript:;" class="on">精选</a>
     	<div class="new">NEW</div>     	
     	<a href="index.php?act=jingxuan&op=recommendstore">推荐商家</a>
     	<div class="new1">NEW</div>
  </div>
  <div class="excelList">
    <ul class="jingxuandata"></ul>
  </div>
</div>

<input type="hidden" name="haspage" value="1" id="haspage">
<input type="hidden" name="pagenum" value="0" id="pagenum">
<div class="loadNextPage" style="margin-top:10px;color:#777;text-align:center;font-size:13px;display:none;">
	<div class="loading" style="width:100px;height:40px;margin-left:auto;margin-right:auto">
		<img src="<?php echo TEMPLATE_SITE_URL;?>/images/loadingData.gif" style="float:left">
		<span style="float:left;margin-top:10px;">加载拍卖</span>
	</div>
</div>

<script type="text/javascript">
$(function(){

	$(window).scroll(function () {
	    var $body = $("body");
	    if (($(window).height() + $(window).scrollTop()) >= $body.height()) {
	        var haspage = parseInt($('#haspage').val());
	        if(haspage=='0'){
				return false;
			}
			var pagenum = parseInt($('#pagenum').val());
			var nextpage = eval(pagenum+1);
					
			ajaxdata(nextpage);
	    }
	});

	function ajaxdata(nextpage){
		$.ajax({
			type:'get',
			url:'index.php?act=jingxuan&op=jingxuandata',
			data:{nextpage:nextpage},
			dataType:'html',
			success:function(html){
				$('.loadNextPage').hide();
				if(html==''){
					$('#haspage').val('0');
				}else{
					$('#pagenum').val(nextpage);
					$('.jingxuandata').append(html);
				}
			}
		});
	}

	ajaxdata(1);
});

</script>

<?php include template('home/nav');?>
</body>
</html>
